<template>
  <div class="hello">
        'allrate'
  </div>
</template>

<script>
export default {
  name: 'HelloWorld',
  data () {
    return {
      msg: ''
    }
  },
   methods: {
      handleOpen(key, keyPath) {
        console.log(key, keyPath);
      },
      handleClose(key, keyPath) {
        console.log(key, keyPath);
      }
    }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.hello {
   height: 100%;
}
.tac {
  width: 180px;
  height: 100%;
  background:rgba(17, 22, 38, 1);
}
span {
  font-size:16px;
}
.left-tag {
  padding-left:50px;
}
li:hover {
  background: rgba(36, 108, 255, 1);
  cursor: pointer;
  color: aliceblue;
}
li {
   height:60px;
   line-height:60px;
   padding-left:50px;
   color: aliceblue;
}
</style>
